<!DOCTYPE html>
<html lang="zh_CN">
<html>

<head>
	<meta charset="utf-8">
	<title>图书信息管理系统-登陆</title>
	<!-- layui cdn -->
	<link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css">
	<script src="https://www.layuicdn.com/layui/layui.js"></script>
	<!-- dtree -->
	<!-- <link rel="stylesheet" href="dtree/dtree.css">
	<link rel="stylesheet" href="dtree/font/dtreefont.css">
	<script src="dtree/dtree.js"></script> -->
	<!-- jquery -->
	<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js">
	</script>
	<!-- js-cookie -->
	<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>
	<script src="../js/layui/sliderVerify.js"></script>
	<style type="text/css">
		.layui-nav {
			border-radius: 0rem;
		}

		h1 {
			text-align: center;
		}

		.layui-form-label {
			margin-right: 0.625rem;
		}

		.layui-tab-content {
			height: 25rem;
		}

		.layui-input-inline{
			width: 4000;
		}
	</style>
</head>

<body>
	<!-- 导航栏 -->
	<ul class="layui-nav">
		<a href="#" style="margin-left: 11.25rem;"><img src="../pic/indexLogo.png"></a>
	</ul>

	<div class="layui-container">
		<div class="layui-panel" style="top: 1.25rem; padding: .625rem .625rem 1.875rem 1.875rem;">
			<div class="layui-tab">
				<ul class="layui-tab-title">
					<li class="layui-this">登陆</li>
					<li>注册</li>
				</ul>
				<div class="layui-tab-content">
					<div class="layui-tab-item layui-show">
						<div class="layui-tab">
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<form id="formLogin" class="layui-form" lay-filter="formLogin">
										<div class="layui-form-item">
											<label class="layui-form-label">用户名</label>
											<div class="layui-input-inline">
												<input type="text" name="username" required
													lay-verify="required|username" placeholder="请输入用户名"
													autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">密码</label>
											<div class="layui-input-inline">
												<input type="password" id="loginPassword" name="password" required
													lay-verify="password" placeholder="请输入密码" autocomplete="off"
													class="layui-input">
												<input type="checkbox" name="show" lay-skin="switch"
													lay-filter="loginShow">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">身份</label>
											<div class="layui-input-block">
												<input type="radio" name="identity" value="普通用户" title="普通用户" checked>
												<input type="radio" name="identity" value="管理员" title="管理员">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">滑动验证</label>
											<div class="layui-input-inline">
												<div id="slider"></div>
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label" style="visibility: hidden;">按钮</label>
											<div class="layui-input-inline">
												<input type="button" class="layui-btn" lay-submit
													lay-filter="submitLogin" value="登陆">
												<input type="button" class="layui-btn layui-btn-primary" value="忘记密码">
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-tab-item">
						<div class="layui-tab">
							<div class="layui-tab-content">
								<div class="layui-tab-item layui-show">
									<form id="formRegister" class="layui-form" lay-filter="formRegister">
										<div class="layui-form-item">
											<label class="layui-form-label">用户ID</label>
											<div class="layui-input-inline">
												<input type="text" name="uid" required lay-verify="required"
													placeholder="请输入用户ID" autocomplete="off" class="layui-input">
											</div>
											<div class="layui-form-mid layui-word-aux">长度不超过16位 禁止空格等特殊字符</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">用户名</label>
											<div class="layui-input-inline">
												<input type="text" name="uname" required lay-verify="required|username"
													placeholder="请输入用户名" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">密码</label>
											<div class="layui-input-inline">
												<input type="password" id="registerPassword1" name="pwd" required
													lay-verify="required|password" placeholder="请输入密码"
													autocomplete="off" class="layui-input">
											</div>
											<div class="layui-form-mid layui-word-aux">长度在6~16位 必须同时包含字母和数字</div>
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">确认密码</label>
											<div class="layui-input-inline">
												<input type="password" id="registerPassword2" name="pwd2" required
													lay-verify="required" placeholder="请再次输入密码" autocomplete="off"
													class="layui-input">
											</div>
											<input type="checkbox" name="show" lay-skin="switch"
												lay-filter="registerShow">
										</div>
										<div class="layui-form-item">
											<label class="layui-form-label">身份</label>
											<div class="layui-input-block">
												<input type="radio" name="identity" lay-filter="radio" value="普通用户"
													title="普通用户" checked>
												<input type="radio" name="identity" lay-filter="radio" value="管理员"
													title="管理员">
											</div>
										</div>
										<div class="layui-form-item" id="code" style="display: none;">
											<label class="layui-form-label">注册码</label>
											<div class="layui-input-inline">
												<input type="code" name="code" required lay-verify="required"
													placeholder="管理员请输入注册码注册" autocomplete="off" class="layui-input">
											</div>
										</div>
										<div class="layui-form-item">
											<div class="layui-input-inline">
												<label class="layui-form-label" style="visibility: hidden;">注册</label>
												<input type="button" class="layui-btn" lay-submit
													lay-filter="submitRegister" value="注册">
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script src="../js/index/code.js"></script>
<script src="../js/index/verify.js"></script>
<script src="../js/index/showPassword.js"></script>
<script src="../js/index/slider.js"></script>
<script src="../js/index/login.js"></script>

</html>